<template>
    <!-- block2 -->
    <div class="block2">
        <div class="block2-container">
            <div class="block2-text">为世界各地公司的工具和集成提供支持</div>
            <div class="block2-img-container">
                <el-image v-for="v in icons" class="h-[25px] w-[100px]" :src="v" fit="scale-down" />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
const icons = [
    "/block2/1.png",
    "/block2/2.png",
    "/block2/3.png",
    "/block2/4.png",
    "/block2/5.png",
    "/block2/6.png",
    "/block2/7.png",
    "/block2/8.png"
]
</script>

<style scoped>
.block2 {
    --at-apply: h-[235px] flex flex-col justify-center items-center;
}
.block2-container {
    --at-apply: flex flex-col justify-center items-center gap-[45px];
}
.block2-text {
    --at-apply: text-[#5B98D9] text-[14px];
}
.block2-img-container {
    --at-apply: flex flex-row justify-center items-center gap-[20px];
}
</style>
